<template>
    <div class="tanpin">
        <van-icon name="cash-back-record" class="tanpin-slot" />
        <slot> 商品单品 </slot>
    </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.tanpin {
    line-height: 60px;
    text-align: center;
    background: #f5f5f5;
    font-size: 16px;
    .tanpin-slot {
        margin-right: 5px;
    }
    position: relative;
    &::before {
        content: "";
        width: 30vw;
        height: 1%;
        background: rgba(112, 109, 109, 0.3);
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translate(0, -50%);
    }
    &::after {
        content: "";
        width: 30vw;
        height: 1%;
        background: rgba(112, 109, 109, 0.3);
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translate(0, -50%);
    }
}
</style>
